<template>
	<div class='main-bg'> 
		<breadcrumbs  class='pl10'></breadcrumbs>
		<div  class='main bg-white pd30'> 
			<div class=' '>
				<span  class='ft20 fontWeight span_title'>{{AllData.intro.title}}</span>  
				<ul  class='method_list  mt20 '>
					<li v-for='(item,index) in AllData.intro.content' :key='index'> <i class='method_list_head'></i>{{item}}</li> 
				</ul>
			</div>  
			<div class='mt42   relative'>
				<span  class='ft20 fontWeight span_title'>{{AllData.supplyChain.title}}</span>  
				<div  class='fontWeight mt20 ft16 pl30'>{{AllData.supplyChain.intro}}</div>
				<ul  class='method_list  mt12 '>
					<li class='head' v-for='(item,index) in AllData.supplyChain.content' :key='index'>{{item}}</li> 
				</ul> 
			</div> 
			  
		</div>
	</div>
</template>

<script >
import breadcrumbs  from '@/components/breadcrumbs'
export default {
	name:'overseas',
	props:{
		language:Object
	},
	data(){
		return {

		}
	},
	methods:{
		
	},
	components:{
		breadcrumbs
	},
	computed:{ 
		AllData(){
			return this.language.overseas
		}
	},
}
</script>

<style  scoped="scoped"> 
.main-bg{background:url(../assets/img/bg_22.jpg) no-repeat ;padding-top: 300px;}
.main{width: 1200px;margin:20px auto 50px;} 
.method_list{padding-left:30px; }


/*移动端适配*/
@media(max-width: 420px){   
	.main{width: 100%;padding:10px 20px;} 
	.span_title{font-size: 18px;line-height: 1.2} 
}
  
</style>